<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" class="window" component="$model/UI2/system/components/justep/window/window" style="width: 100%; height: 100%;" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/labelEdit/labelEdit,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/scrollView/scrollView,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/list/list,$model/UI2/system/components/justep/windowDialog/windowDialog,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/input/input,$model/UI2/system/components/justep/data/bizData,">  
  <span xmlns="" component="$model/UI2/system/components/justep/windowDialog/windowDialog" xid="windowDialog" data-bind="component:{name:'$model/UI2/system/components/justep/windowDialog/windowDialog'}" data-config="{&quot;src&quot;:&quot;$model/UI2/system/components/justep/common/demo/dialog.w&quot;}"> 
    <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog-overlay"></div>  
    <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog">  
      <div class="x-dialog-title"> 
        <button class="close"> 
          <span>×</span> 
        </button>  
        <div class="x-dialog-title-text"/> 
      </div>  
      <div class="x-dialog-body"/> 
    </div> 
  </span>  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
    <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;scrollView组件&quot;}"> 
        <div class="x-titlebar-left" xid="div1"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:backBtn" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
            <i xid="i1" class="icon-chevron-left"/>  
            <span xid="span1"/> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="div3">scrollView组件</div>  
        <div class="x-titlebar-right " xid="div5"> 
          <div class="empty"/> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content x-scroll-view" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <h3>scrollView 
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'},visible:isVisible" data-events="onClick:showScrollSource" data-config="{&quot;label&quot;:&quot;源码&quot;}"> 
          <i xid="i2"/>  
          <span xid="span2">源码</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button4" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:showJsSource" data-config="{&quot;label&quot;:&quot;js&quot;}"> 
          <i xid="i3"/>  
          <span xid="span3">js</span> 
        </a> 
      </h3>  
      <div style="font-weight:bold;font-size:14px;color:#000000">scrollView</div>  
      <div class="x-scroll" component="$model/UI2/system/components/justep/scrollView/scrollView" supportPullDown="false" supportPullUp="false" noMoreLoadLabel="已经到111111最后..." xid="demoScrollView" data-bind="component:{name:'$model/UI2/system/components/justep/scrollView/scrollView'}" data-config="{&quot;bounce&quot;:true,&quot;hScroll&quot;:false,&quot;hScrollbar&quot;:false,&quot;vScroll&quot;:true,&quot;vScrollbar&quot;:true}"> 
        <div class="x-scroll-content"> 
          <div component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}"> 
            <div component="$model/UI2/system/components/justep/data/bizData" xid="bizData" autoLoad="true" concept="DEMO_TABLE1" columns="fString,fInteger,fFloat,fDecimal,fDate,fDateTime,fTime,fText,version" limit="5"> 
              <reader action="/demo/components/logic/action/queryDEMO_TABLE1Action"/>  
              <writer action="/demo/components/logic/action/saveDEMO_TABLE1Action"/>  
              <creator action="/demo/components/logic/action/createDEMO_TABLE1Action"/> 
            </div> 
          </div>  
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-info" xid="button2" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:loadMore" data-config="{&quot;label&quot;:&quot;更多...&quot;}"> 
            <i/>  
            <span>更多...</span> 
          </a>  
          <div> 
            <div style="margin: 10px;">List 普通：</div>  
            <div xid="list1" class="x-list" component="$model/UI2/system/components/justep/list/list" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'}" data-config="{&quot;data&quot;:&quot;bizData&quot;,&quot;limit&quot;:2}"> 
              <div class="x-list-head"> 
                <div style="margin: 5px;">这是普通的一个list</div> 
              </div>  
              <div class="x-list-content x-scroll-view"> 
                <div component="$model/UI2/system/components/justep/scrollView/scrollView" xid="refresh1" supportPullDown="true" supportPullUp="true" class="x-scroll" data-bind="component:{name:'$model/UI2/system/components/justep/scrollView/scrollView'}" data-events="onScrollEnd:refresh1ScrollEnd;onScrollMove:refresh1ScrollMove;onPullUp:refresh1InfiniteLoad" data-config="{&quot;bounce&quot;:true,&quot;hScroll&quot;:false,&quot;hScrollbar&quot;:false,&quot;vScroll&quot;:true,&quot;vScrollbar&quot;:true}"> 
                  <div class="x-content-center x-pull-down container"> 
                    <i class="x-pull-down-img glyphicon x-icon-pull-down"/>  
                    <span class="x-pull-down-label">下拉刷新...</span> 
                  </div>  
                  <div class="x-scroll-content" xid="div2"> 
                    <ul class="x-list-template hide" data-bind="foreach:{data:$model.foreach_list1($element),afterRender:$model.foreach_afterRender_list1.bind($model,$element)}"> 
                      <li data-bind="css:{ curRow: $model.bizData.currentRow.get() == $object }"> 
                        <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
                          <label class="x-label x-center" data-bind="text:label('fString')"/>  
                          <input component="$model/UI2/system/components/justep/input/input" xid="input1-1" class="form-control x-edit" data="bizData" data-bind="component:{ref:ref('fString'),name:'$model/UI2/system/components/justep/input/input'}" data-config="{&quot;placeHolder&quot;:&quot;请输入字符串&quot;}"/> 
                        </div> 
                      </li> 
                    </ul> 
                  </div>  
                  <div class="x-content-center x-pull-up" xid="div4"> 
                    <span class="x-pull-up-label">滚动...</span> 
                  </div> 
                </div> 
              </div> 
            </div>  
            <div style="margin: 10px;">list 菜单：</div>  
            <div xid="list2" class="x-list" component="$model/UI2/system/components/justep/list/list" _filter="js:100&lt;val('fInteger')" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'}" data-config="{&quot;data&quot;:&quot;bizData&quot;,&quot;limit&quot;:2}"> 
              <div class="x-list-head"> 
                <div class="head"/> 
              </div>  
              <div class="x-list-content x-scroll-view"> 
                <div class="x-scroll" component="$model/UI2/system/components/justep/scrollView/scrollView" xid="refresh2" supportPullUp="true" supportDown="true" data-bind="component:{name:'$model/UI2/system/components/justep/scrollView/scrollView'}" data-config="{&quot;bounce&quot;:true,&quot;hScroll&quot;:false,&quot;hScrollbar&quot;:false,&quot;pullUpLabel&quot;:&quot;滚动可以看到更多美食哦...&quot;,&quot;pullUpLoadingLabel&quot;:&quot;一大波美食接近中...&quot;,&quot;pullUpMoveLabel&quot;:&quot;释放获得美食...&quot;,&quot;vScroll&quot;:true,&quot;vScrollbar&quot;:true}"> 
                  <div class="x-content-center x-pull-down container"> 
                    <i class="x-pull-down-img glyphicon x-icon-pull-down"/>  
                    <span class="x-pull-down-label">下拉刷新...</span> 
                  </div>  
                  <div class="x-scroll-content" xid="div2"> 
                    <ul class="x-list-template hide" data-bind="foreach:{data:$model.foreach_list2($element),afterRender:$model.foreach_afterRender_list2.bind($model,$element)}"> 
                      <li> 
                        <div class="km-group-title"> 
                          <h2 data-bind="text:ref('fString')"/> 
                        </div>  
                        <div class="km-listview"> 
                          <img class="item-photo" src="@justepContextPath@/UI2/system/components/justep/scrollView/demo/list/img/california-rolls.jpg"/>  
                          <h3 class="item-title" data-bind="text:$model.bizData.label('fString')"/>  
                          <p class="item-info" data-bind="text:ref('fText')"/>  
                          <a component="$model/UI2/system/components/justep/button/button" class="xui-button details-link" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&quot;label&quot;:&quot;点菜&quot;}"/> 
                        </div> 
                      </li> 
                    </ul> 
                  </div>  
                  <div class="x-content-center x-pull-up" xid="div4"> 
                    <span class="x-pull-up-label">滚动可以看到更多美食哦...</span> 
                  </div> 
                </div> 
              </div> 
            </div> 
          </div> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-bottom" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"/> 
  </div> 
</div>
